@charset "utf-8";
/* CSS Document */


.phone-menu-ico{
    font-size:16px;
    border: 1px solid #888;
    padding:8px;
    color: #888;
    margin:12px 20px 0 0;
    border-radius:3px;
    cursor: pointer;
}
.phone-menu-ico:hover{
    background: #eee;
}

.phone-top-menu{
    display: none;
}
.phone-menu-show{
    position: fixed;
    width:220px;
    background: #f7f7f7;
    height:100%;
    z-index: 99999;
    right:-220px;
    top:0;
    transition:all .3s;
}
.phone-menu-hide{
    height:40px;
    text-align: right;
    margin:10px 20px 0 0;
    cursor: pointer;
}
.phone-menu-hide span{
    font-size: 20px;
}
.phone-menu-show li{
    height:40px;
    border-bottom: 1px solid #eee;
}
.phone-menu-show li a{
    display: block;
    line-height:40px;
    font-size: 14px;
    padding:0 0 0 40px;
    transition:all .3s;
}
.phone-menu-show li a:hover{
    padding:0 0 0 45px;
}

@media (max-width:992px){
    .header{
        height:60px;
    }
    .logo img{
        max-height: 40px;
    }
    .top-menu{
        display: none;
    }
    .phone-top-menu{
        display: block;
    }
    .about-img{
        right:0;
        top:0;
    }
    .about-con{
        left:0;
        padding:30px 40px;
    }
    .ys-con a{
        margin:30px 0 0 0;
    }
    .news{
        padding:50px 15px;
    }
    .news-con{
        margin:0 0 30px 0;
        border-bottom: 1px solid #ddd;
        padding:0 0 20px 0;
    }
    .news-con .more{
        display: none;
    }
    .news-img{
        display: none;
    }
    .news-item:hover .news-con{
        display: block;
    }
    .table_form tbody tr{
        float: none;
        width:auto;
    }
    .table_form tbody tr.modal-footer td{
        float: none;
        text-align: left;
    }
    .iish-cm9{
        padding:30px 0;
    }
    #kefu{
        display: none;
    }
    .zoomPup{
        display: none!important;
    }
    .zoomWindow{
        display: none!important;
    }
    .inner{
        padding:0 0 40px 0;
    }
    .mt50{
        margin-top:30px;
    }
    .page{
        margin:20px 0 0 0;
    }
}

@media (max-width:768px){
    .tit-menu{
        display: none;
    }
    .case-item .img{
        width:100%;
        height:auto;
    }
    .news-con li{
        padding:0 0 30px 0;
        margin:0 0 30px 0;
        border-bottom: 1px solid #ddd;
    }
    .img-item .con h4{
        white-space: normal;
        line-height:1.8;
    }
}